// src/assets/styles/responsive.scss
// 1. 定义设计稿宽高（不带单位，避免运算冲突）
$design-width: 1920;  // 去掉 px，用纯数值
$design-height: 1080; // 去掉 px，用纯数值

// 2. 修复 px2vw 函数：先剥离单位，再计算
@function px2vw($px) {
  // 关键：剥离 $px 的单位（如将 28px 转为 28，兼容传入纯数值的情况）
  $px-value: $px / ($px * 0 + 1); // 技巧：用“自身×0+1”抵消单位，保留数值
  // 计算后手动拼接 vw 单位（避免 SCSS 跨单位运算报错）
  @return ($px-value / $design-width) * 100 + vw;
}

// 3. 修复 px2vh 函数（同理）
@function px2vh($px) {
  $px-value: $px / ($px * 0 + 1);
  @return ($px-value / $design-height) * 100 + vh;
}

// 4. 修复 px2font 函数（复用修复后的 px2vw）
@function px2font($px) {
  @return px2vw($px);
}
